{extend name="panel/layout" /}
{block name="main"}
<div id="main-container">
    <div id="breadcrumb">
        <ul class="breadcrumb">
            <li><i class="fa fa-home"></i><a href="/"> 首页</a></li>
            <li><i class="fa fa-desktop"></i><a href="{:url('index')}"> 控制面板</a></li>
            <li class="active">邀请系统</li>
        </ul>
    </div><!-- /breadcrumb-->
    <div class="main-header clearfix">
        <div class="page-title">
            <h3 class="no-margin">邀请好友</h3>
        </div><!-- /page-title -->
    </div>
    <div class="padding-md">
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-primary">
                    <div class="panel-body">
                        {:getHtmlCode(config('web_gg_invite'))}
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-success">
                    <div class="panel-heading">
                        <h3 class="panel-title text-center">邀请推广</h3>
                    </div>
                    <div class="panel-body">
                        {if condition="!$userInfo['upid']"}
						<p class="bg-warning" style="padding: 10px">你还没填写邀请码，现在填写就能获取5元奖励</p>
						<form role="form" class="form-horizontal" method="post" style="margin: 15px;">
							<input type="hidden" name="action" value="invite">
							<div class="form-group">
								<div class="input-group">
									<div class="input-group-addon">邀请码</div>
									<input type="text" name="invite" class="form-control" placeholder="输入邀请码">
									<div class="input-group-addon"><input type="submit" value="提交" class="btn-info">
									</div>
								</div>
							</div>
						</form>
						<hr>
						{else}
						<p class="bg-warning" style="padding: 10px">你已经填写邀请码，你的上级用户UID:{$userInfo.upid}</p>
						{/if}
						<p class="bg-info" style="padding: 10px">
							我的推广邀请码：{if condition="$userInfo['invite']"}
							<span class="text-warning" style="font-size: 20px;">{$userInfo.invite}</span>{else}<a href="?action=getInvite" class="btn btn-info">点击获取</a>{/if}
						</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-danger table-responsive">
                    <div class="panel-heading">
                        我的邀请记录
                        <span class="label label-danger pull-right"><a href="{:url('rank',['kind'=>'invite'])}" class="btn-xs btn-warning">查看排行榜</a></span>
                    </div>
                    <div class="panel-body table-responsive">
                        <table class="table table-bordered table-condensed table-hover table-striped table-vertical-center">
                            <thead>
                            <tr>
                                <th class="text-center">UID</th>
                                <th class="text-center">用户名</th>
                                <th class="text-center">完成邀请时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            {volist name="$invites" id="invite"}
                            <tr>
                                <td class="text-center">{$invite.uid}</td>
                                <td class="text-center">{$invite.user}</td>
                                <td class="text-center">{$invite.invitetime}</td>
                            </tr>
                            {/volist}
                            <tr class="text-center">
                                <td colspan="5">{$pageList->showPage()}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}